<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
<!-- 相对路径:从当前html文件出发去找资源
 1)图片与html文件在同一级目录,直接写图片全名 1.png
 2)图片在html文件在下一级目录,先写文件夹,再写图片全名 img/2.png
 3)图片在html文件在上一级目录,先 ../ 回到上一级,再写图片全名 ../3.png
 -->
<img src="2.png" alt="">
<img src="img/1.png" alt="">
<img src="../3.png" alt="">
<img src="abc" alt="哎呀,图片被外星人偷走了">
<img src="img/4.jpeg" width="200px" alt="" title="这是超超的心上人">

<!-- 绝对路径:从根目录出发去找资源 -->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///b08d6ce3876d45088296085e4761dd09.png" alt="">

</body>
</html>